<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<f:view>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Registrarse</title>
</head>
<style type="text/css">
    	body {font-family: Verdana; font-size: 10pt;}
    </style>
<body>
<h:graphicImage value="/images/Pizza-75.png"/> 
<h:graphicImage value="/images/webpizza.png"/> 
<h:graphicImage value="/images/Pizza-75.png"/> 
<h2>WebPizza - Registro de nuevos usuarios</h2>
<h:form>
	<h:panelGrid columns="3" width="50%">
		<h:panelGroup>Nombre de usuario :
		</h:panelGroup>
		<h:panelGroup><h:inputText id="username" value="#{Register.username}" required="true" label="#{Register.username}">
		<f:validateLength minimum="4" maximum="10"/></h:inputText></h:panelGroup>
		<h:panelGroup><h:message for="username"/>
		</h:panelGroup>
		<h:panelGroup>Contrase&ntilde;a :
		</h:panelGroup>
		<h:panelGroup><h:inputSecret id="password" value="#{Register.password}" required="true" label="#{Register.password}"> 
		<f:validateLength minimum="4" maximum="10"/></h:inputSecret></h:panelGroup>
		<h:panelGroup><h:message for="password"/>
		</h:panelGroup>
		<h:panelGroup>Confirmar Contrase&ntilde;a :
		</h:panelGroup>
		<h:panelGroup><h:inputSecret id="repass" value="#{Register.confirmPassword}" required="true" label="#{Register.confirmPassword}"/> 
		</h:panelGroup>
		<h:panelGroup><h:message for="repass"/>
		</h:panelGroup>
		<h:panelGroup>Nombres :
		</h:panelGroup>
		<h:panelGroup><h:inputText id="firstname" value="#{Register.firstname}" required="true" label="#{Register.firstname}"/>
		</h:panelGroup>
		<h:panelGroup> <h:message for="firstname"/>
		</h:panelGroup>
		<h:panelGroup>Apellido(s) : 
		</h:panelGroup>
		<h:panelGroup><h:inputText id="lastname" value="#{Register.lastname}" required="true" label="#{Register.lastname}"/>
		</h:panelGroup>
		<h:panelGroup><h:message for="lastname"/>
		</h:panelGroup>
		<h:panelGroup>Direcci&oacute;n : 
		</h:panelGroup>
		<h:panelGroup><h:inputText id="address" value="#{Register.address}" required="true" label="#{Register.address}"/>
		</h:panelGroup>
		<h:panelGroup><h:message for="address"/>
		</h:panelGroup>
		<h:panelGroup>Tel&eacute;fono : 
		</h:panelGroup>
		<h:panelGroup><h:inputText id="phone" value="#{Register.phone}" required="true" label="#{Register.phone}" size="10"/>
		</h:panelGroup>
		<h:panelGroup><h:message for="phone"/>
		</h:panelGroup>
		<h:panelGroup><h:commandButton value="Registrarse" action="#{Register.register}"/>	
		</h:panelGroup>		
	</h:panelGrid>	
</h:form>	
</body>
</html>
</f:view>